<?php 

if(isset($num)){
    
    
    ?>

<table width="100%" cellpadding="0" cellspacing="0" border="0" id="tableRango">
    <tr>
        <td>
            <div class="title-windows">Buscar productos
            
                <a href="javascript:void(0);" onclick="<?php echo $urlLoadUserClose; ?>" class="close-windows">
                    
                <img src="/images/icon/remove.png" title="Close"  />
                
                </a>
            </div>
        </td>
    </tr>
    <tr>
        <td class="" style="vertical-align:top; padding: 10px;">
    
<?php }?>            
<table <?php if(!isset($num)){ ?>class="tableTitulo" <?php }?> style="" border="0" cellpadding="0" cellspacing="0">
    <tr>
            <td  class="columnaFilaForm" style="padding: 5px;">
                <form action="<?php echo url_for('servicios/index') ?>" method="post" >
                <table border="0" cellpadding="0" cellspacing="0" >
                    <tr>
                        <td style="width: 100px;"></td>
                        <td>
                            
                            Categoria
                            
                        </td>
                        <td>
                            <select id="categoria_id" name="categoria_id" style="margin-left: 10px;" onchange="productoActualizacion()">
                                <optgroup label="Seleccione Tipo Producto">
                                <option value="0">Seleccionar Categoria</option>
                                <?php foreach ($categorias as $categ) {
                                    
                                    ${'categorias'.$categ->getId()} = $categ->getNombre();
                                    
                                    if($categ->getPadre()>0){
                                    ?>
                                <option value="<?php echo $categ->getId(); ?>"><?php echo $categ->getNombre(); ?></option>
                                <?php }} ?>
                                </optgroup>
                            </select>
                            
                        </td>
                        
                        <td style="width: 100px;"></td>
                        <td>
                            
                            Marca    
                            
                        </td>
                        <td>
                            
                            <select id="marca_id" name="marca_id" style="margin-left: 10px;"  onchange="productoActualizacion()">
                                
                                <option value="0">Seleccionar Categoria</option>
                                <?php foreach ($marcas as $marc) {
                                    ${'marcas'.$marc->getId()} = $marc->getNombre();
                                    
                                    ?>
                                <option value="<?php echo $marc->getId(); ?>"><?php echo $marc->getNombre(); ?></option>
                                <?php } ?>
                                
                            </select>
                            
                        </td>
                        
                        <td style="width: 100px;"></td>
                        <td>
                            
                            Nombre Producto: 
                            
                        </td>
                        <td>
                            
                                <input type="text" onkeyup="productoActualizacion();" style="margin-left: 10px;padding: 5px; border: 1px solid #a6a6a6; width: 350px" value="" name="nombreProducto" id="nombreProducto"/>
                                <input type="hidden" name="servicio_tipo" value="<?php echo $servicio_tipo; ?>"/>
                                
                        </td>
                        
                    </tr>
                </table>
                
                </form>
            </td>
        </tr>
        <tr>
            <td>
                
            <div id="scroll" <?php if(isset($num)){ ?>style="overflow: scroll;  height: 400px;"<?php } ?>>


            </div>
    
    
          
            </td>
            
        </tr> 
        
        
</table>

            
     <?php if(isset($num)){ ?>     


  


</td>
    </tr>
        <tr><td class="form-action-bottom">
          
          <a class="button-done" href="javascript:void(0);" onclick="<?php echo $urlLoadUserClose; ?>">Cerrar</a>
          
        </td></tr>

    
  </table>
    

<script type="text/javascript">
    
 

 $( "#scroll" ).scroll();

  


</script>
<?php } ?>

<script type="text/javascript">

      
 function productoActualizacion(){
    
        
    
        var categoria_id = $("#categoria_id").val();
        var marca_id = $("#marca_id").val();
        var nombreProducto = $("#nombreProducto").val();
        
        if(($('#nombreProducto').val().length>2)||($('#nombreProducto').val().length<1)){
            
            
        
        
            $.ajax({
                    url: '<?php echo url_for('servicios/parcial') ?>',
                    data:'num=<?php echo $num ?>&servicio_tipo=1&categoria_id='+categoria_id+'&marca_id='+marca_id+'&nombreProducto='+nombreProducto,
                    type: "POST",
                    success: function(theResponse){
                            
                            $('#scroll').html(theResponse);
                    }});
                
        }
    
  }
    

</script>